
.float-left { float: left !important;}
.float-right{ float: right !important;}
.float-none { float: none !important;}
.overflow-hidden{ overflow:hidden;}

.align-baseline    { vertical-align: baseline !important; } 
.align-top         { vertical-align: top !important; }
.align-middle      { vertical-align: middle !important; }
.align-bottom      { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top    { vertical-align: text-top !important; }


.d-none         { display: none !important; }
.d-inline       { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block        { display: block !important; }
.d-table        { display: table !important; }
.d-table-row    { display: table-row !important; }
.d-table-cell   { display: table-cell !important; }
.d-flex         { display: flex !important; }
.d-inline-flex  { display: inline-flex !important; }

.flex-row            { flex-direction: row !important; }
.flex-column         { flex-direction: column !important; }
.flex-row-reverse    { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap         { flex-wrap: wrap !important; }
.flex-nowrap       { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.justify-content-start   { justify-content: flex-start !important; }
.justify-content-end     { justify-content: flex-end !important; }
.justify-content-center  { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around  { justify-content: space-around !important; }

.align-items-start    { align-items: flex-start !important; }
.align-items-end      { align-items: flex-end !important; }
.align-items-center   { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch  { align-items: stretch !important; }

.align-content-start   { align-content: flex-start !important; }
.align-content-end     { align-content: flex-end !important; }
.align-content-center  { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around  { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }

.align-self-auto     { align-self: auto !important; }
.align-self-start    { align-self: flex-start !important; }
.align-self-end      { align-self: flex-end !important; }
.align-self-center   { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch  { align-self: stretch !important; }
.font-bold{
	font-weight: bold;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.border-bottom{
	border-bottom: 1px solid #F1F1F1;
}
.border-top{
	border-top: 1px solid #F1F1F1;
}
.ellipsis{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.w-100{
	width: 100%;
}
.main{
	width: 1400px;
	/* margin: 0 auto; */
}
.flex-1{
	flex: 1;
	width: 0;
}
body{
	margin: 0;
	font-family: Microsoft YaHei;
	background: #FAFAFB;
}
.color-01{
	color: #000;
}
.color-02{
	color: #333;
}
.color-03{
	color: #666;
}
.size-18{
	font-size: 18px;
}
.size-16{
	font-size: 16px;
}
.size-14{
	font-size: 14px;
}
.size-12{
	font-size: 12px;
}
.mt-5 {
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-30{
	margin-top: 30px;
}
.ml-5{
	margin-left: 5px;
}
.ml-10{
	margin-left: 10px;
}
.ml-20{
	margin-left: 20px;
}
.ml-30{
	margin-left: 30px;
}
.ml-40{
	margin-left: 40px;
}
.mr-5{
	margin-right: 5px;
}
.mr-10{
	margin-right: 10px;
}
.mr-20{
	margin-right: 20px;
}
.mr-30{
	margin-right: 30px;
}
.mr-40{
	margin-right: 40px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.ml-16 {
	margin-left: 16px;
  }
.mr-16 {
	margin-right: 16px;
}
.w-input{
	width: 120px;
}
.w-input-phone{
	width: 140px;
}
.cursor-pointer{
	cursor: pointer;
}

.color-blue{
	color: #8969b9 !important;
}
.color-yellow{
	color: #ff8331 !important;
}
.color-red{
	color: #ff2f2f !important;
}
.color-green{
	color: #08BD50 !important;
}
.color-orange{
	color: #FFA235 !important;
}
.money-just{
	color: #ff2f2f;
}
.money-loss{
	color: #40b452;
}
ul,li{
	list-style: none;
	padding: 0;
	margin: 0;
}
/* Tooltip 文字提示行高 */
.popper_sty{
	line-height: 20px !important;
}
.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 100%;
    display: inline-block;
}
